﻿@charset "utf-8";
/* CSS Document */

*, :before, :after { -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body { min-height: 100%; }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; padding: 0; margin: 0 auto;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template, script { display: none; }
a { background-color: transparent; }
a:focus { }
a:active, a:hover { outline: 0; }
a, button, input { -webkit-tap-highlight-color: rgba(255,0,0,0); }
select { -webkit-appearance: listbox; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
select::-ms-expand { display: none; }
ins, a { text-decoration: none; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: 700; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -.5em; }
sub { bottom: -.25em; }
img { -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; border: 0; }
input[type=text], textarea { -webkit-appearance: none; }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }
input[type=radio], input[type=checkbox] { cursor: pointer; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; outline: none; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; }
input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }
button:focus { outline: none; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
optgroup { font-weight: 700; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
html { font-size: 62.5%; -webkit-tap-highlight-color: transparent; }
body { background: #f3f3f3; font-family: "Microsoft YaHei"; font-weight: 400; line-height: 20px; color: #333; font-size: 1.6rem; }
body, input, textarea, select, button, samp { font-family: "Microsoft YaHei"; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga","kern"; }


a:hover, a:focus { outline: none; }
a:focus { outline: none; outline: 0px auto -webkit-focus-ring-color; }
ins { background: #ffa; color: #333; }
mark { background: #ffa; color: #333; }
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: 600; font-size: 100%; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.25em; }
li { list-style: none; }
em { font-style: normal; }
hr { display: block; padding: 0; border: 0; height: 0; border-top: 1px solid #eee; -webkit-box-sizing: content-box; box-sizing: content-box; }
address { font-style: normal; }
iframe { border: 0; }
button, input:not([type=radio]):not([type=checkbox]), select { vertical-align: middle; }


/***/
.white_body{background:#fff;}


.wimg { width: 100%; display: block; }
/******/
.re { position: relative; }
.ab { position: absolute; }
.fix { position: fixed !important; }
.fr { float: right; }
.fl { float: left; }
.block { display: block; }

.nobg { background: none !important; }
.noborder { border: 0 !important; }

.underline { text-decoration: underline !important; }

.p1em { padding: 1rem !important; }
.pr_10 { padding-right: 10px !important; }
.pr_5 { padding-right: 5px !important; }
.pl5{padding-left:0.5rem!important;}


.pt0 { padding-top: 0px !important; }
.pt10 { padding-top: 10px !important; }
.pt5 { padding-top: 5px !important; }
.pt1em { padding-top: 1rem !important; }
.pt1_5em { padding-top: 1.5rem !important; }
.pt3em { padding-top: 3rem !important; }

.pb_50 { padding-bottom: 50px !important; }
.pb_0 { padding-bottom: 0 !important; }
.pb_10 { padding-bottom: 10px !important; }
.pb_5 { padding-bottom: 5px !important; }
.pb_1em { padding-bottom: 1em !important; }

.mt_5 { margin-top: 5px !important; }
.mt_10 { margin-top: 10px !important; }
.mt_0 { margin-top: 0px !important; }
.mt_15 { margin-top: 15px !important; }
.mb_0 { margin-bottom: 0px !important; }
.mb_1 { margin-bottom: 1rem !important; }
.mb_2 { margin-bottom: 2rem !important; }

.w40 { width: 40% !important; }
.w30 { width: 30% !important; }
.w45 { width: 45% !important; }
.w48 { width: 48% !important; }
.w50 { width: 50% !important; }
.w58 { width: 58% !important; }
.w65{width:65%!important;}
.w100{width:100%!important;}

.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.text-justify { text-align: justify; text-justify: inter-ideograph; }
.vertical { transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.text-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }


.fontsize_14 { font-size: 1.4rem !important; }
.fontsize_16 { font-size: 1.6rem !important; }
.fontsize_18 { font-size: 1.8rem !important; }
.fontsize_20 { font-size: 2rem !important; }

.font_normal { font-weight: normal !important; }
.font_bold { font-weight: bold !important; }

/****/
.f_Orange { color: #ff4e33 !important; }
.f_ncolor { color: #ff5f50 !important; }
.f_blue { color: #3399FF !important; }
.f_small { font-size: 1.4rem; }
.f_black { color: #333 !important; font-weight: normal; }
.f_red { color: #e50606 !important; }
.f_lightGrey { color: #ccc !important; }
.f_green { color: #1bbf9a !important; }
.f_purple { color: #f43c64 !important; }
.f_yellow { color: #ffea00 !important; }


/* WebKit browsers */
::-webkit-input-placeholder { color: #ababab; font-size: 1.6rem; }
/* Mozilla Firefox 4 to 18 */
:-moz-placeholder { color: #ababab; opacity: 1; font-size: 1.6rem; }
/* Mozilla Firefox 19+ */
::-moz-placeholder { color: #ababab; opacity: 1; font-size: 1.6rem; }
/* Internet Explorer 10+ */
:-ms-input-placeholder { color: #ababab; font-size: 1.6rem; }

.clearfix::after, .clearfix:after, .clearfix after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; }

/****/
.btn_red { display: inline-block; background: #ff6253; text-align: center; color: #fff; font-size: 1.4rem; line-height: 24px; padding: 0.4em 0 0.6rem 0; border: 1px solid #ff6253; width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; }
.btn_border { display: inline-block; background: #fff; text-align: center; color: #ff6253; font-size: 1.4rem; line-height: 24px; padding: 0.4em 0 0.6rem 0; border: 1px solid #ff6253; width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; }

.btn_normal
{
    display: inline-block;
    background-image: -moz-linear-gradient(0% 0% 270deg, #FAC437,#ED6C10);
    background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(#FAC437), to(#ED6C10));
    text-align: center;
    color: #fff;
    font-size: 1.8rem;
    padding: 0.5em 2.5rem 0.7rem 2.5rem;
    line-height: 22px;
    border: 0;
    border-bottom: 1px solid #f28f14;
    border-radius: 8px;
    -webkit-border-radius:8px;
    -o-border-radius:8px;
    -moz-border-radius: 8px;
    -ms-border-radius:8px;
    box-shadow:1px 1px 5px #969392;
    -moz-box-shadow:1px 1px 5px #969392;
    -webkit-box-shadow:1px 1px 5px #969392;
    -ms-box-shadow:1px 1px 5px #969392;
    -o-box-shadow:1px 1px 5px #969392;
}
.btn_normal:focus { outline: none; }
.btn_normal:disabled { background: #a4a3a3; color: #fff;border-bottom:1px solid #a4a3a3;}



.btn_small { display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; background: #ffcc00; text-align: center; color: #685620; font-size: 1.6rem; line-height: 1.4; padding: 0.6em 1rem 0.8rem 1rem; border: 0; }
.btn_small_normal { display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; background: #ffcc00; text-align: center; color: #685620; font-size: 1.6rem; line-height: 1.4; padding: 0.6em 1.5rem 0.8rem 1.5rem; border: 0; }
.btn_small:disabled, .btn_small_normal:disabled { background: #a4a3a3; color: #fff; }

.header{width:100%;border-top:1px solid #e08721; background:#f39733;position:relative;height:40px;}
.header h2 { margin: 0; padding: 0; display: block; width: 100%; text-align: center; font-size: 1.8rem;color:#fff; font-weight: normal; vertical-align: middle;position:absolute; left:0; top: 50%;z-index:1; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.header a.new-a-back{position:relative; z-index:3;position: absolute; left:0; top:0; height:40px; display:block;width:2rem; padding:2rem 3rem;}
.header a.new-a-back span{ z-index: 3; display: inline-block; width:2rem;height:2rem; position: absolute; left: 10px; top: 50%;margin-top:-1rem; background: url(../images/new-a-back_icon.png) no-repeat left top; background-size: cover;  }

/****/
.slideBox { position: relative; overflow: hidden; margin: 0 auto; width: 100%; }
.slideBox .hd { position: absolute; height:8px; line-height:0; bottom:5px; right: 0; z-index: 1; text-align: center; width: 100%;font-size:0; }
.slideBox .hd li { display: inline-block; width:8px; height:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: rgba(111, 115, 108, 0.8) !important; filter: Alpha(opacity=50); background: #fff; text-indent: -9999px; overflow: hidden; margin: 0 2px; }
.slideBox .hd li.on { background: #fff; background: rgba(18, 144, 209, 0.9) !important; }
.slideBox .bd { position: relative; z-index: 0; }
.slideBox .bd li { position: relative; text-align: center; }
.slideBox .bd li img { background: url(../images/loading.gif) center center no-repeat; vertical-align: top; width: 100%; }

.smart_nav{padding-top:1rem;}
.smart_nav li{background:#fff;padding:1rem 15%;text-align:center;margin-bottom:0.5rem;}
.smart_nav li a{display:block;}
.smart_nav li a img{width:100%; display:block;border:1px solid #dad8d7; border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius:8px;}

.water_title{padding:1rem;}
.water_title span{display:block;background:#f39733;border-left:3px solid #825323; padding:6px 10px 3px 10px;color:#fff; font-size:1.8rem; line-height:22px; vertical-align:middle;}

.water_status{background:#357bb7;border-bottom:1rem solid #fff;}
.status_title{text-align:center;padding:1rem 0 0.5rem 0;line-height:22px;}
.status_title span{display:inline-block; color:#fff; font-size:1.8rem;position:relative;padding:0 2rem;}
.down_wirte_icon{display: inline-block; width:1.4rem;height:0.9rem;background: url(../images/down_wirte_icon.png) no-repeat left top; background-size: cover;  }
.status_title .down_wirte_icon{position: absolute;right:0px;top:50%;margin-top:-0.45rem;}


.status_tips{text-align:center;padding-bottom:1rem;}
.status_tips span{display:inline-block;position:relative; width:18rem; height:18rem;border:2px solid #fff;background: url(../images/shui_bg.png) no-repeat left top; background-size: cover;border-radius:100%; -webkit-border-radius:100%; -o-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius:100%;}
.status_tips samp{display:block;text-align:center;color:#fff;font-size:1.6rem;width:100%;position:absolute; left:0; bottom:17%;}
.status_tips b{display:inline-block;width:100%;position:absolute; left:0; top:8%;color:#fff; font-size:6rem; font-weight:normal;line-height:7rem; text-align:center;}
.status_tips strong{display:inline-block;font-weight:normal;font-family:"黑体"; padding-left:1.2rem;}
.status_tips font{display:inline-block;font-size:1.6rem;}
.status_tips p{text-align:center; color:#fff;font-size:1.4rem;}
.status_tips p a{color:#fff;}

.status_list{border-top:2px solid #6a92c5;}
.status_list li{width:33.3%;float:left;background:url(../images/line.png) no-repeat right bottom;text-align:center;color:#fff;padding:2rem 0;}
.status_list li b{display:block; text-align:center;font-weight:normal; font-size:4rem; line-height:4rem; vertical-align:bottom;}
.status_list li font{font-size:1.4rem;vertical-align:bottom;}
.status_list li span{display:block;text-align:center;padding-top:5px;}
.status_list li:last-child{background:none;}

.filter_status{background:#fff; margin-top:1rem;padding:1rem 2rem;}
.filter_title{text-align:center;text-align:center;padding:0;line-height:22px;}
.filter_title span{display:inline-block; color:#5e5f60; font-size:1.8rem;position:relative;padding:0 2rem;}
.down_icon{display: inline-block; width:1.4rem;height:0.9rem;background: url(../images/down_icon.png) no-repeat left top; background-size: cover;  }
.filter_title .down_icon{position: absolute;right:0px;top:50%;margin-top:-0.45rem;}

.filter_item{padding-top:1rem;}
.filter_item p{margin:0;padding:0; text-align:center;color:#9a9a9a;line-height:22px; padding-top:5px;}
.filter_bar{width:100%;padding-right:45%; position:relative;background:#f0f2f5;height:40px; border-radius: 12px; -webkit-border-radius:12px; -o-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius:12px;-moz-box-shadow:inset  1px 2px 8px #d2d2d2; -webkit-box-shadow:inset 1px 2px 8px #d2d2d2; box-shadow:inset  1px 2px 8px #d2d2d2;-ms-box-shadow:inset  1px 2px 8px #d2d2d2;-o-box-shadow:inset  1px 2px  8px #d2d2d2;}
.progress_bar{display:inline-block;height:40px;position:relative;z-index:1;background:#f2d62f;border-radius: 12px 0 0 12px; -webkit-border-radius:12px 0 0 12px; -o-border-radius: 12px 0 0 12px; -moz-border-radius:12px 0 0 12px; -ms-border-radius:12px 0 0 12px;-moz-box-shadow:inset  0 0 10px #9c9ea4; -webkit-box-shadow:inset 0 0 10px #9c9ea4; box-shadow:inset  1px 0 10px #9c9ea4;-ms-box-shadow:inset  0 0 8px #9c9ea4;-o-box-shadow:inset  0 0  8px #9c9ea4;}
.btn_required{background:#9a9a9a;color:#fff;height:30px;line-height:30px;padding:2px 5px 0 5px;vertical-align:middle; border:0;border-radius: 6px; -webkit-border-radius:6px; -o-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius:6px;}
.filter_bar .btn_required{position:absolute;right:5px; top:5px;z-index:3;}
.filter_bar span{display:inline-block;color:#f2d530; font-size:1.6rem;line-height:40px; position:absolute;right:6rem;top:0;padding-left:2rem;min-width:70px; white-space:nowrap;}
.time_icon{display: inline-block; width:1.6rem;height:1.6rem;background: url(../images/time_icon.png) no-repeat left top; background-size: cover;  }
.filter_bar .time_icon{position:absolute;left:0; top:50%; margin-top:-0.8rem;}
.red_bar .progress_bar{background:#e71f19;}
.red_bar .span{color:#e71f19;}
.green_bar .progress_bar{background:#1b923b;}
.green_bar .span{color:#1b923b;}

.intelligent_control{background:#fff;margin-top:1rem;padding-top:1rem;}
.control_op{padding-top:1rem;}
.control_op span{display:block; width:50%;float:left;height:45px;text-align:center; line-height:45px;background:#825323;}
.control_op font{position:relative;font-size:1.8rem; color:#fff;padding-left:2.5rem;}
.quit_icon{display:block;width:2rem;height:2rem;background: url(../images/quit_icon.png) no-repeat left top; background-size: cover;  }
.control_op .quit_icon{position:absolute; left:0; top:50%;margin-top:-1rem;}
.control_op b{display:block; width:50%;float:left;height:45px;text-align:center; line-height:45px;background:#f39733;font-weight:normal;}
.control_op b font{padding-left:3.5rem;}
.control_op i{font-style:normal;}
.rinse_icon{display:block;width:3rem;height:2.3rem;background: url(../images/rinse_icon.png) no-repeat left top; background-size: cover;  }
.control_op .rinse_icon{position:absolute; left:0; top:50%;margin-top:-1.15rem;}

/***/
.tos_body{background:url(../images/ranking_bg.gif) no-repeat center bottom #d5ebf8;background-size:contain;}
.tos_box{position:relative; padding:3rem 5rem 3rem 5rem;text-align:center;}
.tos_b_tips{display:block;width:15rem; height:7.5rem;position:absolute;z-index:6;left:4rem; top:4rem; background:url(../images/top_tips.png) no-repeat left top;background-size:contain;}
.cloud_icon{display:block;width:8rem; height:3.4rem;position:absolute;z-index:5; background:url(../images/yun_icon.png) no-repeat left top;background-size:contain;}
#cloud_icon1{right:0rem;top:16rem;}
#cloud_icon2{left:5rem;top:12rem;width:6rem; height:2.5rem;}
#cloud_icon3{right:8rem;top:5rem;width:6rem; height:2.5rem;}
#cloud_icon4{right:30%;bottom:5rem;width:4rem; height:1.7rem;}


.drop_box{position:relative;width:18rem;height:25.5rem;overflow:hidden;display:inline-block;z-index:1;}
.drop_box i{display:block;width:18rem;height:25.5rem; background:url(../images/drop_bg.png) no-repeat left top;background-size:cover; position:relative; z-index:2;}
.drop_box strong{display:block;width:100%;height:55%; position:absolute;left:0;bottom:0;z-index:1; background:url(../images/drop_w_bg.png) no-repeat left top #748fc0;}
.drop_box b{display:block; text-align:center;font-weight:normal;color:#fff;font-size:7rem;line-height:7rem; position:absolute;left:0;bottom:2rem; z-index:3;width:100%;}

.tos_box p{line-height:26px;color:#0a5399; font-size:1.8rem;position:relative; z-index:8;}
.tos_box p span{color:#e71f19;}

.tos_top_box{padding:0 3rem 3rem 3rem;}
.top_box{background: rgba(255, 255, 255, 0.8) !important; filter: Alpha(opacity=80); background: #fff;   border-radius: 12px; -webkit-border-radius:12px; -o-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius:12px;}
.top_tips_title{text-align:center;line-height:30px;color:#5e5f60; font-size:2rem;padding-top:1rem;;}
.top_list{padding-bottom:1rem;}
.top_list li{display:inline-block; width:100%;padding:0.5rem;font-size:1.8rem; color:#5174ae;}
.top_list li span{display:block; width:40%; float:left;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}
.top_list li b{display:block; width:30%; float:left;text-align:center;font-weight:normal;}
.top_list li:first-child{color:#e71f19;}
.top_list li:nth-child(2){color:#f2d62f;}
.top_list li:nth-child(3){color:#1b923b;}

/***/
.tab_nav{padding:1rem 1rem 0 1rem;}
.tab_nav a{display:inline-block; width:50%; float:left;padding:3px 0 1px 0; background:#56a0d5;text-align:center; color:#fff; line-height:30px; font-size:1.6rem;}
.tab_nav a.on{background:#0a5399;}

.tab_box{border:1px solid #f39733; background:#fff;margin:2px 1rem 1rem 1rem ; }
.tab_title{background:#f39733;color:#fff;line-height:30px;padding:3px 0 1px 0; padding-left:5px;}
.tab_content{padding:1rem;color:#878787; line-height:24px;}
.tab_content p {text-align:center;}
.tab_content p span{display:block; width:50%; float:right;}
.tab_total{padding-top:1rem;padding-left:2rem;}
.tab_total p{padding:0;text-align:left;}
.tab_total b{display:block;color:#f39733;}
.tab_total font{padding-left:2rem;}

.filter_form{background:#fff;padding:2rem 2rem 0 2rem;}
.f_input_box{padding-bottom:1rem;}
.filter_form p{padding-bottom:0.5rem;}
.f_w_input_box,.f_select_box{padding-bottom:0.5rem;}
.select_box {height: 36px; width: 100%; padding: 0 10px;margin-bottom:1rem; color: #d3cfce; font-size: 1.6rem; line-height: 36px; border: 1px solid #d3cfce; background: url(../images/arrow.png) no-repeat right center; border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; }
.input_border{border:1px solid #d3cfce;text-align:left; color:#d3cfce; font-size:1.6rem; padding: 0.5em 5px 0.7rem 5px; border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px;}
.op_box{text-align:center;padding:2rem 0;}

.fr_box{background:#fff;margin-bottom:1rem; padding-bottom:1rem;}
.fr_box .filter_form{padding:1.5rem 5rem 0.5rem 5rem;}
.fault_form{background:#fff;padding:1rem 1rem 0 1rem;}
.fault_form .tab_box{margin:0;}
.input_textarea{border:none;background:#fff; color:#d3cfce; font-size: 1.4rem; overflow:hidden;padding:5px;width:100%;min-height:70px;line-height:20px; border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px;}

.service_single{margin:1rem 1rem 0 1rem; border:1px solid #d3cfce;color:#5e5f60; line-height:26px;padding:1rem;border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px;}
/****/


/***/
.pp_box{background:#357bb7;padding:2rem 0; border-bottom:1rem solid #f3f3f3;}
.pp_box p{text-align:center;}
.pp_item{display:inline-block;position:relative; color:#fff;text-align:center; width:14rem; height:14rem;border:2px solid #fff;background: url(../images/yuan_bg.png) repeat-x left top; background-size:contain;border-radius:100%; -webkit-border-radius:100%; -o-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius:100%;}
.pp_item font{font-size:1.6rem;display:block; width:100%;line-height:22px;position:absolute; left:0; top:25%;}
.pp_item b{display:block; text-align:center;width:100%;font-weight:normal;font-size:4.2rem;position:absolute; left:0; bottom:30%;}
.pp_item strong{display:block; text-align:center;width:100%;font-weight:normal;font-size:5.2rem;position:absolute; left:0; bottom:30%;}
.pp_itembox{padding:0 1rem;}

.pp_select{padding:2rem 0.5rem;}
.pp_select span{display:block;text-align:center; float:left; width:30%;}
.pp_select b{display:block;text-align:center; float:left; width:70%;font-weight:normal;}
.pp_select i{display:inline-block; width:7rem; height:7rem;}
.pp_select img{display:block; width:100%;}
.pp_select font{display:block; text-align:center;color:#5e5f60; font-size:1.6rem;line-height:26px;}









